﻿<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="utf-8" />
        <title>SECURITY MANAGEMENT</title>
        <meta name="viewport" content="width=device-width" />

	<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo.common.min.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo.default.min.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo.dataviz.default.min.css")" rel="stylesheet" type="text/css" />
	<script src="@Url.Content("~/Scripts/jquery.min.js")"></script>
	<script src="@Url.Content("~/Scripts/kendo.all.min.js")"></script>
	<script src="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")"></script>
<script src="@Url.Content("~/Scripts/console.min.js")"></script>
    <script src="@Url.Content("~/Scripts/prettify.min.js")"></script>

    @Styles.Render("~/Content/themes/base/css", "~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

	<link href="@Url.Content("~/Content/kendo.common.min.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo.dataviz.min.css")" rel="stylesheet" type="text/css" />
	<link href="@Url.Content("~/Content/kendo.default.min.css")" rel="stylesheet" type="text/css" />

</head>

	<body>
        <div id="myContainer">
            <div id="header">

               <div id="toprow">
                    <div id="left_column">
                        <table>
                            <tr>
                                @*put what ever you want here*@
                            </tr>
                        </table>
                    </div>
                    <div id="right_column">
                        @Html.Partial("_LoginPartial")
                    </div>
                </div>

                <div id="bottomrow">
                 @Html.Partial("_TopNavigation")
                </div>

            </div>
            <div id="content">                                                                        
                @RenderBody()                                  
            </div>

            @*Footer content at the bottom*@
            <div id="myFooter">
                @Html.Partial("_Footer")
            </div>

        </div>

	</body>
</html>


<style>

#myFooter {
   position:absolute;
   bottom:0;
   width:100%;
   height:4px;   /* Height of the footer */
   background-color:#1e1e1e;
}

#myContainer 
{ 
    height: 100%;
}

#header {
    height:110px;
    position: relative;
    background-color:#1e1e1e;
    padding-top: 4px;
    border-bottom:1px solid #fff;
    -moz-box-shadow: 0 0 10px 10px #ccc;
    -webkit-box-shadow: 0 0 10px 10px #ccc;
    box-shadow: 0 0 10px 10px #ccc;
}

#content {   
    width: 100%;
    left:0;
    top: 125px;
    bottom: 10px;
    margin-left: 10px;
    position:absolute;   
    overflow: auto;    
}

#toprow {
    width:100%;
    height:auto;
    border:#000 solid;
    float:right;
    position: relative;
}
#bottomrow {
    width:100%;
    height:auto;
    border:#000 solid;
    float:left;
    position: relative;
}

#left_column
{
    width:auto;
    float:left;
    vertical-align:central;
    font-family:Cambria;
    font-weight:200;
    color:aliceblue;
    font-size:large;
    padding-left:10px;
    padding-top: 6px;
}
#right_column
{
    width:auto;
    float:right;
}
</style>

